博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序点击图片放大预览
阅读量:7230 次
发布时间:2019-06-29

本文共 614 字,大约阅读时间需要 2 分钟。

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大、上/下一张

上代码

wxml代码

js代码

data: {
images: [ 'http://pic.58pic.com/58pic/15/63/07/42Q58PIC42U_1024.jpg', 'http://img.zcool.cn/community/01d881579dc3620000018c1b430c4b.JPG@3000w_1l_2o_100sh.jpg' ], }, /** * 预览图片 */ previewImage: function (e) { console.log(e) var current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.images // 需要预览的图片http链接列表 }) } ,

测试的只能用网络图片,本地不能使用,这个需要研究研究。

 效果图

 

转载于:https://www.cnblogs.com/zxf100/p/9915253.html

你可能感兴趣的文章
hadoop_classpath
查看>>
改变UITextField中的系统控件的大小及位置
查看>>
TypeError: PyQt4.QtCore.QVariant python3.x
查看>>
CentOS安装视频转换FFmpeg和切割工具segmenter
查看>>
当Yii遇上不支持pdo_mysql的服务器
查看>>
ios 判断字符串为空和只为空格解决办法
查看>>
web项目中加入socket(加强版)
查看>>
ecshop网上商城搭建以及安装和页面问题的解决
查看>>
Java左移运算符, 右移运算符, 无符号右移
查看>>
mysql数据库备份--java代码
查看>>
Linux编译中出现VFS: Cannot open root device "mtdbloc...
查看>>
如何在Heroku上快速度的创建一个项目
查看>>
Java基础——接口&简单工厂
查看>>
一位面试官给IT求职者的意见
查看>>
新手程序员需要知道的一些事
查看>>
第十章 Scala 容器基础(十四):使用map把一个集合转化为另一个
查看>>
学习规划
查看>>
Python调用SqlPlus查询Oracle
查看>>
word中插入不带标号的脚注
查看>>
nodejs配置
查看>>